<!-- 逻辑 -->
<script setup lang='ts'>
/** 组件信息
 * @component GoodsCategory.vue
 * @description 组件描述
 * @author wulidoge
 * @email wulidoge@qq.com
 * @date 2025-06-12
 */
import { ref, onMounted, onUnmounted } from 'vue'
const count = ref(0)
const addCount = () => count.value++
onMounted(() => {})
onUnmounted(() => {})
</script>

<!-- 模板 -->
<template>
     <view class='root' @click='addCount'> {{ count }} </view>
</template>

<!-- 样式 -->
<style scoped lang='scss'>
view.root {
    display: flex;
    position: relative;
    &::before {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        display: block;
        content: 'GoodsCategory.vue';
        border-radius: 10px;
    }
}
</style>